<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>支付中心</title>
<link href="/css/v2_index.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="/js/jquery.js"></script>
<script type="text/javascript" src="/js/jquery.superslide.2.1.1.js"></script>
<script language="javascript" type="text/javascript" src="/include/dedeajax2.js"></script>
<script language="javascript" type="text/javascript">
</script>
<style type="text/css">
.order-detail{padding-bottom:20px;}
.order-detail li{font-size:16px;}
.section{margin-top:15px;}
.button3{margin-top:30px;font-weight:700;}
.pay-method{overflow:hidden;border-top:1px solid #ddd;padding-top:20px;}
ul.clearfix.jjpaytype{border-bottom:1px solid #ddd;padding-bottom:40px;}
.pay-method .pay-method-title{height:46px;line-height:30px;font-size:16px;color:#333;}
.pay-method li{float:left;margin-right:18px;position:relative;border-radius:8px;overflow:hidden;width:192px;height:86px;background-color:#f3f5f7;border:2px solid #f3f5f7;cursor:pointer;background-image:url(../images/pay_s.png);}
.pay-method li:hover{border-color:#00bca1;}
.pay-method .btn-grey-weixin{background-position:30px -423px;background-repeat:no-repeat;}
.pay-method .btn-grey-weixin.on{border-color:#00bca1;}
.pay-method .btn-grey-alipay{background-position:33px -304px;background-repeat:no-repeat;}
.pay-method .btn-grey-alipay.on{border-color:#00bca1;}
.summary .total{height:24px;line-height:24px;font-size:14px;margin-top:30px;text-align:right;}
.summary span.price{font-size:24px;color:#f01414;}
</style>
</head>
<body>

<div class="dwz-box"></div>
<div class="head-container">
    <div class="wrap">
        <!-- logo -->
        <a class="logo" href="#" rel="nofollow"></a>
        <!-- logo End -->

        <!-- 网站导航 -->
        <div class="nav-item-box">
            <a href="#" class="pc-yxw-nav">首页</a>
            <a href="#" class="pc-yxw-nav">视频课程</a>
            <a href="#" class="pc-yxw-nav" rel="nofollow">会员特权</a>
            <a href="#" class="pc-yxw-nav">干货分享</a>
            <a class="pc-yxw-nav btn1" style="cursor:pointer;">手机学课</a>
        </div>
        <!-- 网站导航 End -->

        <!-- 课程搜索 -->
        <div class="ysearch-box">
            <form method="post" name="f1" action="#plus/search.php" onsubmit="return checkSearchForm()">
                <input type="hidden" name="kwtype" value="0">
                <input type="hidden" id="driverId" name="channeltype" value="17">
                <input type="text" class="yfixtext" id="keyword" name="keyword" placeholder="搜索课程" autocomplete="off">
                <input type="submit" class="fixsbmt" value="">
            </form>
        </div>
        <!-- 课程搜索 End -->

        <!-- 登录/注册 -->
        <div class="topRight">
            <div class="sign-box" id="_userlogin">
                <a class="a globalLoginBtn" href="#member/" rel="nofollow">登录</a>
                <a class="a register" href="#member/index_do.php?fmdo=user&amp;dopost=regnew" rel="nofollow">注册</a>
            </div>
        </div>
        <!-- 登录/注册 End -->
    </div>
</div>
<!-- top头部 End -->

<div class="top-yxw-pc-gl"></div>

<!-- 右侧功能定位 -->
<div class="user-right">
<div class="uc-box uc-main-box">
<div class="uc-content-box order-list-box">

<div class="box-hd"><h1 class="title">支付中心</h1></div>

<div class="section">
<form method="get" name="E_FORM" th:action="@{'/order/order/'+${course.id}}">
<input type="hidden" name="pd_encode" value="">
<input type="hidden" name="pd_verify" value="">
<input type="hidden" name="aid" value="">

<!-- 隐藏 -->
<input name="paytype" class="paytypeinp" type="hidden" value="10" />
<!-- 隐藏 End -->

<div class="order-detail">
<ul>

<li class="clearfix">
<!--<div class="label">订单编号：</div>-->
<div class="content"></div>
</li>

<li class="clearfix">
<div class="label">商品名称:<span th:text="${course.title}"></span></div>
<div class="content"></div>
</li>

</ul>
</div>


<!-- 支付按钮 -->
<div class="summary" style="float:right;">
<div class="clearfix total"><span class="label">应付金额：</span><span class="price">￥<span th:text="${course.price}"></span></span></div>
<div class="actions"><button type="submit" class="button3">立即支付</button></div>
</div>
<!-- 支付按钮 End -->

</div>
<!-- 支付中心 End -->


</form>
</div>



</div>
</div>
</div>
<!-- 右侧功能定位 End -->
</div>
</body>
</html>
